<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://stefan-11.dyndns.org/vokabeltrainer/sections-config-latest.js"></script>

<script type="text/javascript">
YE.onDOMReady(function() {
  if ($('body').hasClass("loggedIn")){
    console.log("starting section config tool...");
    swStartConfig();
  }

});
</script>

<div id="sectionConfigTool">

  <div id="selectJSONBox">

  </div>
  <div id="selectJSONBoxTitle">

  </div>

  <div id="configContentWrapper">

    <div id="configTabsBox">

      <span class="headerTab"><button id="btnMain">Main</button></span>
      <span class="headerTab"><button id="btnDefinitions">Definitions</button></span>
      <span class="headerTab"><button id="btnAssignements">Assignements</button></span>

    </div>

    <div id="configBoxBottom">

      <div id="configBoxBottomTitle"></div>
      <table id="configBoxBottomTable">

      </table>

    </div>

    <div id="configMainTab">

      <table id="configMainTab">
      <tr id="configMainTabTitle"></tr>

      <tr>
      <td class="mainDesc">Title</td>
      <td class="mainField"><input id="new_main_title" type="text"></td>
      </tr>

      <tr>
      <td class="mainDesc">Comment</td>
      <td class="mainField"><input id="new_main_comment" type="text"></td>
      </tr>

      <tr>
      <td class="mainDesc">Category</td>
      <td class="mainField"><input id="main_category" type="text" disabled="disabled"></td>
      </tr>

      <tr>
      <td class="mainDesc">Sub Category</td>
      <td class="mainField"><input id="main_subcategory" type="text" disabled="disabled"></td>
      </tr>

      <tr>
      <td class="mainDesc">Create Unsorted Section</td>
      <td class="mainField"><input id="new_main_crt_unsorted_sec" type="checkbox"></td>
      </tr>

      <tr>
      <td class="mainDesc">Hide Empty Sections</td>
      <td class"mainField"><input id="new_main_hide_empty_sec" type="checkbox"></td>
      </tr>

      <tr>
      <td class="mainDesc">Hide Original Galleries Box If Empty</td>
      <td class="mainField"><input id="new_main_hide_orig_gall_box" type="checkbox"></td>
      </tr>

      <tr>
      <td class="mainDesc">Hide Original Sub Category Box If Empty</td>
      <td class="mainField"><input id="new_main_hide_orig_subcat_box" type="checkbox"></td>
      </tr>

      </table>

    </div>

  </div>

  <div id="messageBox">

  </div>

  <div id="footerBox">
    <span class="leftButton"><button id="btnSave">Save</button></span>
    <span class="leftButton"><button id="btnCleanup">Clean Up</button></span>
    <span class="rightButton"><button id="btnDelete">Delete</button></span>
  </div>

</div>

</html>




